<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 元素存在多个属性和属性值的使用
		     图片元素的使用
			 
			 
			 语法：<img /> 简写<img> 非封闭型标记
			 必须属性   src资源属性=【路径】图片全称
			 目录=文件夹【项目：存文件夹下】
			 Git仓库【fornt-end】路径【Day01】路径【图片元素.html】
			 
			 
			 路径：可以找到文件的地址，/ \代表路径
			 front-end/Day01/图片元素.html
			 路径用法：
			 / 代表上传至服务器
			 \代表下载到本地
			 
			 ../返回上一级
			 
			 相对路径:相对于执行网页找文件【图，音，视】img/image/1.png
			 1、相对于执行网页，找文件【文件夹+路径+文件全称】
			 2、相对于执行网页，套在文件夹下需返回上一级
			 绝对路径:从盘符开始找路径，写法:c:/文件夹/文件夹/内容全称
			 
			 alt标题属性  属性值文本自定
			 特点：网络延迟图片显示失效或者路径图片全称写错、
			       用户提示
			 title标题属性 属性值文本自定 
			 特点：鼠标移动上图片显示
			 属性与属性值可以多个，用空格区分，没有先后顺序
		 -->
		 <img src="img\1.png" alt="天线宝宝"width="200px" height="200px">
		 <img src="img\2.jpg" title="蜡笔小新" width="200px" height="200px">
		 <img src="img\3.gif" alt="哪吒" title="哪吒"width="200px" height="200px">
		 
	</body>
</html>